@charset "utf-8";
/* CSS Document */
html {
    color: #444333;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-rendering: optimizelegibility;
	font-family:"微软雅黑"; line-height:22px;
	font-size:100%;
}
a:hover,
a:active {
  outline: 0;
}
header{ height:50px; line-height:50px; background:#fe5b00; position:relative}
footer{ height:50px; border-top:1px solid #ccc; background:#eceaea; padding:15px 0;font-size:.8em; text-align:center;background: -webkit-gradient(linear,center top,center bottom,from(#f2f1f1), to(#dedbdb));}
footer a{ color:#333; font-size:.8em}
.logo{ padding:5px 0 0 10px;}


.phone-about img{ width:100%;}
@media screen and (max-width:320px){
        .phone-about{width:300px;overflow:hidden}
	
}
.main {
	width:100%;
	min-width:320px;
	margin:0 auto;
	max-width:100%;
	font-size:14px
}
.banner {
	position:relative;
	width:100%;
	overflow:hidden
}

.scroll-wrapper {
	width:100%;
	margin:0 auto;
	max-width:100%;
	overflow:hidden
}
.scroll-wrapper .scroller {
	list-style:none;
	-moz-transition:left .6s ease-in-out;
	-webkit-transition:left .6s ease-in-out;
	-o-transition:left .6s ease-in-out;
	-ms-transition:left .6s ease-in-out;
	transition:left .6s ease-in-out
}
.scroll-wrapper .scroller li {
	float:left;
	text-align:center
}
.scroll-wrapper .scroller li img {
	width:100%;
	min-width:320px;
	max-width:100%;
	height:auto;
	max-height:400px;
	min-height:150px
}
.new-banner-num {
	position:absolute;
	right:0;
	bottom:15px;
	width:100%;
	height:10px;
	text-align:center
}

.phone-product p{ font-size:14px}
.new-banner-num .new-tbl-cell {
	display:inline-block;
	width:7px;
	height:7px;
	margin-left:7px;
	border-radius:6px;
	background-color:#666;
	text-indent:-9999px
}
.new-banner-num .new-tbl-cell a {
	display:block
}
.new-banner-num .new-tbl-cell.on {
	background-color:#fe5b00
}
.main img {
	vertical-align:top
}

#phone-menu{ padding:20px 20px 0;}
#phone-menu li{ display:inline-block; width:24%; overflow:hidden; height:90px; text-align:center}
#phone-menu li a{display:inline-block; width:68px; height:90px;text-align:center; font-size:0.7em;}
#phone-menu div{ width:60px; height:60px;}
/*#phone-menu .b_p2{background:#09b746;}
#phone-menu .b_p3{background:#eeba07;}
#phone-menu .b_p4{background:#f77309;}
#phone-menu .b_p5{background:#377bf8;}
#phone-menu .b_p6{background:#0378b1;}
#phone-menu .b_p7{background:#737f86;}
#phone-menu .b_p8{background:#0099e4;}
#phone-menu .b_p9{background:#eeba07;}
#phone-menu .b_p10{background:#f77309;}
*/
.news-title{ height:40px; line-height:20px; font-size:1.2em; font-weight:bold; text-align:center; color:#fe5b00; margin-bottom:5px;}
.news-title p{ font-size:0.6em; color:#c8c8c8; font-weight:normal;}
#phone-news{  background:#efefef; padding:10px 0}
#phone-news ul{ padding:0 10px;}
#phone-news li{ display:inline-block; border-bottom:1px solid #F3F3F3; width:100%; margin-bottom:10px; position:relative;
}
#phone-news li a{width:100%; padding:8px 0;font-size:.8em; display:inline-block; background:#fff; -moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;-moz-box-shadow: 2px 2px 3px #ccc;
-webkit-box-shadow: 2px 2px 3px #ccc;
box-shadow:  2px 2px 3px #ccc;}
#phone-news li a:active, #phone-news li a:focus{ background:#d3cfcf}
#phone-news  li span{ position:absolute; right:3px; background:url(../images/c_03.png); height:33px; width:33px; display:inline-block; top:3px;}
#phone-news .more{ width:100%; padding:6px 0; background:#fff; display:inline-block;  text-align:center; margin-top:15px;}
#phone-news .more:active, #phone-news .more:focus{ background:#0099e4}

@media screen and (min-width:320px){
	#phone-menu li{width:23.5%;}
	
}

.p20{ padding:10px 0}
.navbtn{float:right;width:20px;height:20px;overflow:hidden;background:url(../images/nav_03.png) no-repeat;
 position:absolute; right:10px; top:14px;
}


#phone-main{ background:#f4f4f4}
nav{margin:0 auto;display:block; background:#333; position:absolute; opacity:0.9;right:0; top:50px; z-index:100000}			
nav ul{background:#333; width:120px; overflow:hidden;}
nav ul li{line-height:2.0em; padding-left:15px;text-align:left;background:#333; border-bottom:0px solid #ccc}
nav ul li a{width:105px;color:#fff; height:2.0em;display:inline-block;}
nav ul li a:active, nav ul li a:focus{ background:#009fe9}


.phone-a-main{ text-align:center}
.phone-a-main p{ text-align:left; padding:0 15px; font-size:0.9em;}
.phone-a-main div{ text-align:left;}
.phone-a-main img{ width:300px}

#phone-six{ background:#efefef; overflow:hidden;}
.phone-six-main { }
.phone-six-main li{ position:relative; border-bottom:1px solid #cdcdcd; padding:10px; height:60px; overflow:hidden}
.phone-six-main .pic{ position:absolute; left:0; top:10px; display:block; }
.phone-six-main .pic a{display:block;}
.phone-six-main h2, .phone-six-main p{ padding-left:95px; font-size:0.8em}
.phone-six-main h2{ color:#009fe9;font-size:1.0em}
.phone-six-main p{ color:#696969;font-size:0.9em;}
.phone-six-main .pic a:active, .phone-six-main .pic a:focus{ background:#fff}
#phone-four{background:#fff;}


#phone-four{ border-bottom:1px solid #f1f1f1}
.phone-four-main{ padding:0 20px;}
.phone-four-main li{ width:49%; margin:0; display:inline-block; padding:10px 0; text-align:center; overflow:hidden}
.phone-four-main li img{ width:80px;}
.phone-four-main li a{ color:#009fe9; font-size:1.0em;  display:inline-block;}
.phone-four-main li a:active, .phone-four-main li a:focus{ background:#efefef}


#phone-three{  border-bottom:1px solid #f1f1f1}
 phone-three-main{ padding:0 20px;}
.phone-three-main li{width:49.0%; margin:0; vertical-align:top; display:inline-block; max-height:280px;text-align:center; overflow:hidden}
.phone-three-main li img{ width:80px;}
.phone-three-main li a{ color:#009fe9; display:inline-block;}
.phone-three-main li h3{color:#009fe9; font-size:.8em; }
.phone-three-main li p{ color:#696969; font-size:0.6em; text-align:left}

#phone-cases{ background:#ffffff; overflow:hidden}
#phone-prodcut li{width:46.0%; margin:0 2%; vertical-align:top; display:inline-block; max-height:280px;text-align:center;margin-bottom:10px; overflow:hidden}
#phone-prodcut li img{ width:140px;}
#phone-prodcut li a{ color:#009fe9; display:inline-block; border:1px solid #e2e2e2;}
#phone-prodcut li p{ color:#696969; font-size:0.8em; }


#phone-cases li{width:46.0%; margin:0 2%; vertical-align:top; display:inline-block; max-height:280px;text-align:center; overflow:hidden}
#phone-cases li img{ width:140px; padding:5px;}
#phone-cases li a{ color:#009fe9; display:inline-block;}
#phone-cases li p{ color:#696969; font-size:0.8em; }


#phone-pantner li{width:46%; margin:0 2%; vertical-align:top; display:inline-block; max-height:280px;text-align:center; overflow:hidden}
#phone-pantner li img{ width:140px; padding:5px;}
#phone-pantner li a{ color:#009fe9; display:inline-block;}
#phone-pantner li p{ color:#696969; font-size:0.8em; }


.back{ position:absolute; left:10px; top:11px; background:url(../images/back.png); width:21px; height:26px;}
.back a{ display:inline-block;width:21px; height:26px;}

footer{ bottom:0; left:0;width:100%;}
.phone-n{ min-height:700px;}
